<template>
  <div class="container-404">
    <a-empty description="404">
      <template #image>
        <a-image
          width="200"
          height="200"
          :src="ImageUrl('image/404.png')"
          alt="404"
        />
      </template>
    </a-empty>
  </div>
</template>
  
  <script setup lang="ts">
import ImageUrl from "@/utils/ImageUrl";
</script>
  
  <style lang="scss" scoped>
.container-404 {
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  :deep(.arco-empty) {
    .arco-empty-description {
      font-size: 90px;
    }
  }
}
</style>